article#grid-about .gambar-p .title {
  background-image:url(../image/about-title.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-about .bg-1x88z2 {
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  right:0;
  height:470px;
  background-color:rgba(3,3,3,.2);
  background-image:url(../image/index-about.png);
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
}
article#grid-about .photo {
  position:absolute;
  height:470px;
  left:0;
  top:0;
  right:0;
  z-index:1;
  background-color:#191919;
  background-image:url(../image/me.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
}
article#grid-about .dot-icon {
  background:none!Important;
  margin:0 0 -35px 0!Important;
}
article#grid-about {
  width:1000px;
  margin:0 auto;
  padding-bottom:60px;
}
article#grid-about .tulisan {
  margin-bottom:8px;
  padding:20px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
article#grid-about .grid-m1,article#grid-about .grid-m2,article#grid-about .grid-m3 {
  float:left;
  width:22px;
  height:1px;
}
article#grid-about .row {
  background:url(../image/border-about.png)no-repeat bottom center;
  height:20px;
  margin:0 0 20px;
}
article#grid-about span.judul {
  display:block;
  padding:6px 11px;
  font-size:32px;
  letter-spacing:1px;
  line-height:.9em;
  text-transform:uppercase;
  text-shadow:0 0 5px #000,7px 7px 0 #111;
  color:#555;
}
article#grid-about .grid-c1,article#grid-about .grid-c2 {
  float:left;
  width:468px;
}
article#grid-about .coll-1,article#grid-about .coll-2,article#grid-about .coll-3 {
  margin:10px 0;
  float:left;
  width:28%;
  font-size:12px;
}
article#grid-about h2 {
  font-size:14px;
  text-transform:uppercase;
  line-height:17px;
  color:#999;
}
article#grid-about h1 {
  font-size:14px;
  text-transform:uppercase;
  font-family:open sans bold,arial,sans serif;
  color:#a5a5a5;
  padding:8px 0 15px 0;
  margin:40px 0 4px 0;
  border-bottom:2px solid rgba(0,0,0,0.3);
  box-shadow:0 1px 0 0 rgba(255,255,255,0.1);
  -webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.1);
}
.why {
  position:absolute;
  margin:170px 0 0 -190px;
}
article#grid-about .gambar-p div.title,article#grid-about img.why,article#grid-about .judul1,article#grid-about .text-p p {display:none;}
article#grid-about #skill {
  list-style:none;
  font:12px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  margin:8px auto 0;
  position:relative;
  line-height:2em;
  padding:30px 0;
}
article#grid-about #skill li {
  margin-bottom:50px;
  height:6px;
  background-color:rgba(0,0,0,0.09);
  box-shadow:0 1px 0 #000 inset,0 1px 0 #222;
  -webkit-box-shadow:0 1px 0 #000 inset,0 1px 0 #222;
}
article#grid-about #skill li h3 {
  position:relative;
  top:-25px;
  color:#555;
  font:10px arial,sans serif!Important;
}
article#grid-about #skill .bar {
  height:5px;
  margin:1px 2px;
  position:absolute;
  border-radius:10px;
  box-shadow:0 1px 3px #000,inset 0 2px 10px rgba(255,255,255,0.09);
  -webkit-box-shadow:0 1px 3px #000,inset 0 2px 10px rgba(255,255,255,0.09);
  background-color:rgba(55,55,55,0.15);
}
article#grid-about #skill .graphic-design {
  width:60%;
  -moz-animation:graphic-design 2s ease-out;
  -webkit-animation:graphic-design 2s ease-out;
  background-color:#484b3b;
}
#skill .html-css {
  width:47%;
  -moz-animation:html-css 2s ease-out;
  -webkit-animation:html-css 2s ease-out;
  background-color:#3b4b3d!Important;
}
article#grid-about #skill .jquery {
  width:35%;
  -moz-animation:jquery 2s ease-out;
  -webkit-animation:jquery 2s ease-out;
  background-color:#3b464b!Important;
}
article#grid-about #skill .seo {
  width:5%;
  -moz-animation:wordpress 2s ease-out;
  -webkit-animation:wordpress 2s ease-out;
  background-color:#473b4b!Important;
}
@-moz-keyframes graphic-design {
  0% {width:0;}
  100% {width:100%;}
}
@-moz-keyframes html-css {
  0% {width:0;}
  100% {width:90%;}
}
@-moz-keyframes jquery {
  0% {width:0;}
  100% {width:65%;}
}
@-moz-keyframes wordpress {
  0% {width:0;}
  100% {width:80%;}
}
@-webkit-keyframes graphic-design {
  0% {width:0;}
  100% {width:100%;}
}
@-webkit-keyframes html-css {
  0% {width:0;}
  100% {width:90%;}
}
@-webkit-keyframes jquery {
  0% {width:0;}
  100% {width:65%;}
}
@-webkit-keyframes wordpress {
  0% {width:0;}
  100% {width:80%;}
}
article#grid-archive .gambar-p .title {
  background-image:url(../image/archive-title.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-archive >.bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-archive.jpg);
  height:470px;
  -webkit-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
}
article#grid-archive >#bp_toc {
  font:12px Open Sans,arial,sans serif;
  text-transform:uppercase;
  width:100%;
  margin:0 auto !important;
}
article#grid-archive #bp_toc table {
  width:980px;
  margin:0!Important;
  background-image:url(../image/bg-wood-archive.jpg);
  padding:20px 50px 20px 20px!Important;
  border:1px solid rgba(255,255,255,0.03);
  border-top-color:rgba(255,255,255,0.04);
  border-bottom-color:rgba(255,255,255,0.01);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 2px 4px rgba(0,0,0,.6);
  -moz-box-shadow:0 2px 4px rgba(0,0,0,.6);
  box-shadow:0 2px 4px rgba(0,0,0,.6);
}
article#grid-archive #bp_toc table tr {
  background-color:rgba(50,50,50,0.05);
  position:relative;
  line-height:28px;
  font-size:16px;
}
article#grid-archive #bp_toc table .judul-posting a:link {
  background-image:url(../image/dot.png);
  background-repeat:no-repeat;
  background-position:0 11px;
  margin:0 0 0 10px !important;
  padding:0 0 0 20px !important;
  font-size:25px;
  line-height:52px;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
  color:#595959 !important;
}
article#grid-archive #bp_toc table .judul-posting a:visited {color:#222;}
article#grid-archive #bp_toc table .judul-posting,article#grid-archive #bp_toc table .tanggal {
  height:40px;
  margin-bottom:3px!Important;
  padding:6px 10px;
  background-image:url(../image/line-top.png);
  background-position:top left;
  background-repeat:repeat-y;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  border:1px solid #111;
  border-top-color:rgba(0,0,0,0.09);
  border-bottom-color:rgba(255,255,255,0.05);
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)inset;
  ;
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)inset;
  ;
  box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)inset;
}
article#grid-archive #bp_toc table .tanggal {
  width:90px !important;
  background-color:rgba(10,10,10,0.2);
  font-size:11px;
  color:#444;
  text-align:center !important;
  text-shadow:0 1px 1px #000;
  letter-spacing:2px;
}
article#grid-archive td.toc-header-col1,article#grid-archive td.toc-header-col3 {
  background-image:url(../image/line-top.png);
  background-position:top left;
  background-repeat:repeat-y;
  border:1px solid #111;
  border-top-color:rgba(255,255,255,0.08);
  border-bottom-color:rgba(255,255,255,0.05);
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.7)inset;
  ;
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.7)inset;
  ;
  box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.7)inset;
}
article#grid-archive td.toc-header-col1 a,article#grid-archive td.toc-header-col3 a {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04;
  font:16px Raleway,arial,sans serif;
}
article#grid-archive .gambar-p div.title,article#grid-archive .judul1,article#grid-archive .text-p p {display:none;}
article#grid-contact {
  padding-bottom:40px;
  color:#555;
  text-shadow:0 1px 1px #000;
}
article#grid-contact >.gambar-p {
  height:400px;
  overflow:hidden;
  position:relative;
  z-index:5;
}
article#grid-contact .gambar-p .title {
  background-image:url(../image/contact-title.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-contact >.peta-iframe >iframe {
  position:absolute;
  top:0;
  width:100%;
  height:410px;
  bottom:0;
  top:60px;
  left:0;
  right:0;
  opacity:0.1;
  z-index:2;
}
article#grid-contact >.gambar-p >.text-p {
  position:absolute;
  top:32px;
  width:500px;
  left:420px;
}
article#grid-contact >.gambar-p >.text-p span.judul1 {
  font-size:28px;
  font-weight:bold!Important;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:.9em;
  color:#eee;
  padding:6px 11px;
  position:relative;
  z-index:7;
}
article#grid-contact >.gambar-p >.text-p p {
  padding:0;
  margin:0;
  font-size:10px;
  line-height:14px;
  position:relative;
  z-index:7;
}
.bg-1x88z3 {
  position:absolute;
  background-color:none;
  background-image:none;
  left:0;
  top:430px;
  right:0;
  height:40px;
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  z-index:4;
}
article#grid-contact .grid-m1 {
  float:left;
  width:22px;
  height:1px;
}
article#grid-contact .grid-c1 {
  float:left;
  width:705px;
}
article#grid-contact .grid-m2 {
  float:left;
  width:20px;
  height:1px;
}
article#grid-contact .grid-c2 {
  float:left;
  width:198px;
  height:290px;
  margin-left:3px;
  overflow:hidden;
  position:relative;
  padding:20px;
  background-image:url(../image/bg-wood-contact.jpg);
  background-repeat:repeat;
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-contact .grid-c2 .button {
  font:bold 12px/24px "lucida grande",tahoma,verdana,arial,sans-serif;
  display:block;
  width:98px;
  height:25px;
  position:absolute;
  bottom:20px;
  left:20px;
  padding:2px 3px;
  color:#fff;
  background-color:#5872a7;
  background-image:linear-gradient(#637bad,#5872a7);
  -webkit-box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  -moz-box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  text-decoration:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  border-color:#29447e #29447e #1a356e;
}
article#grid-contact .grid-c2 p {
  padding-bottom:5px;
  line-height:18px;
  font-size:12px;
}
article#grid-contact .grid-c2 .button a {
  color:#fff;
  line-height:1.7em;
}
article#grid-contact .grid-c2 .button:hover {
  color:#fff;
  background-color:#3b5998;
}
article#grid-contact label,article#grid-contact .judul,article#grid-contact input,article#grid-contact textarea {
  font:normal 16px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  ;
  color:#535353;
  text-shadow:0 1px 1px #000;
}
article#grid-contact form {
  float:left;
  width:94%;
  background-color:rgba(15,15,15,.1);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  overflow-x:hidden;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:0 0 100px;
  padding:20px;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-contact fieldset {border:none;}
article#grid-contact #user-details {
  float:left;
  width:230px;
}
article#grid-contact #user-message {
  float:right;
  width:405px;
}
article#grid-contact input,article#grid-contact textarea {
  width:220px;
  font-size:14px;
  color:#555;
  overflow-x:hidden;
  margin:4px 0 20px;
  padding:8px;
  background-color:rgba(3,3,3,.5);
  border:1px solid rgba(255,255,255,0.05);
  border-top-color:rgba(255,255,255,0.05);
  border-bottom-color:rgba(255,255,255,0.06);
  border-left:1px solid #222;
  border-radius:5px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -webkit-transition:background .3s linear;
  -moz-transition:background .3s linear;
  -ms-transition:background .3s linear;
  -o-transition:background .3s linear;
  transition:background .3s linear;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
}
article#grid-contact textarea {
  width:400px;
  height:175px;
}
article#grid-contact input:hover,article#grid-contact textarea:hover {background:rgba(000,0,0,.3);}
article#grid-contact input.submit {
  width:150px;
  text-transform:uppercase;
  margin-top:10px;
  -webkit-transition:0 .3s linear;
  overflow:hidden;
  padding:3px 10px;
  color:#535453;
  text-shadow:0 1px 1px #000;
  background-image:url(../image/bg-y.jpg);
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.5),0 2px 15px rgba(0,0,0,.6)inset;
  -moz-box-shadow:0 2px 5px rgba(0,0,0,.5),0 2px 15px rgba(0,0,0,.6)inset;
  box-shadow:0 2px 5px rgba(0,0,0,.5),0 2px 15px rgba(0,0,0,.6)inset;
}
article#grid-contact input.submit:hover {
  background-color:rgba(0,0,0,.3);
  cursor:pointer;
}
article#grid-contact .gambar {padding:20px 0;}
article#grid-contact div.title,article#grid-contact .judul1,article#grid-contact .text-p p {display:none;}
.alsxds {
  line-height:1.3em;
  color:#666;
}
article#grid-gallery {margin:0 auto;}
article#grid-gallery .gambar-p .title {
  background-image:url(../image/gallery-title.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-gallery .bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  height:470px;
  background-color:rgba(100,100,100,.1);
  background-image:url(../image/bg2-gallery.png);
  -webkit-box-shadow:inset 2px -3px 6px rgba(0,0,0,.9);
  -moz-box-shadow:inset 2px -3px 6px rgba(0,0,0,.9);
  box-shadow:inset 2px -3px 6px rgba(0,0,0,.9);
}
article#grid-gallery div.photo {
  position:relative;
  float:left;
  width:960px;
  margin:10px 10px 10px 10px;
  padding:5px;
  background-color:rgba(10,10,10,0.9);
  background-image:url(../image/bg-wood-gallery.jpg);
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.6)inset;
  -moz-box-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.6)inset;
  box-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.6)inset;
}
article#grid-gallery .photo .image img {
  position:relative;
  z-index:999;
  overflow:hidden !important;
}
article#grid-gallery .photo .image img:hover {opacity:0.8;}
article#grid-gallery .photo .image img {
  background-image:url(../image/loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  z-index:999;
  float:left;
}
article#grid-gallery .gambar-p div.title,article#grid-gallery .judul1,article#grid-gallery .text-p p {display:none;}
article#grid-video .bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  height:470px;
  background-color:rgba(100,100,100,.1);
  background-image:url(../image/bg-video.jpg);
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
}
article#grid-video .gambar-p .title {
  background-image:url(../image/videos-title.png);
  background-position:50px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-video {
  width:1000px;
  overflow:hidden;
  margin:0 auto !important;
  padding:10px 10px 100px 10px;
}
article#grid-video {
  width:1000px;
  overflow:hidden;
  margin:0 auto !important;
  padding:10px 10px 100px 10px;
}
article#grid-video .dot-icon {
  background:url(../image/line-big-row.png)no-repeat bottom center;
  margin:25px 0 20px 0;
  padding-bottom:10px;
}
article#grid-video .dot-icon li {color:#eee !important;}
article#grid-video .grid-m1 {
  float:left;
  width:22px;
  height:1px;
}
article#grid-video .grid-c1 {
  float:left;
  width:165px;
  margin-top:10px;
}
article#grid-video .grid-c1 p {
  font-size:9px;
  line-height:12px!Important;
  padding:0;
}
article#grid-video .grid-c1 p a {
  text-decoration:underline;
  color:#595959;
}
article#grid-video .grid-c1 p a:before {content:"\25BA";}
article#grid-video .grid-c1 p a {
  text-decoration:underline;
  color:#595959;
}
article#grid-video .grid-c1 p a:hover {
  text-decoration:underline;
  color:#B2D206;
}
article#grid-video .grid-c1 h4 {
  font-size:14px;
  line-height:18px!Important;
  padding:0;
}
article#grid-video .grid-c1 h4:before {content:"\2729";}
article#grid-video .grid-m2 {
  float:left;
  width:20px;
  height:1px;
}
article#grid-video .grid-c2 {
  position:relative;
  float:left;
  width:740px !important;
  height:410px !important;
  overflow:hidden;
  background-color:#222;
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  border:1px solid #111;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  box-shadow:0 10px 20px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  -webkit-box-shadow:0 10px 20px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-video .grid-c2 img {
  width:100%;
  height:auto;
}
a.vimeo {
  position:absolute !important;
  width:740px !important;
  height:500px !important;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:888;
  color:#fff;
  overflow:hidden;
}
a.vimeo:before {
  content:'';
  position:absolute !important;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:block;
  background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
  background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=1 );
}
a.vimeo:after {
  content:'';
  background-image:url(../image/sxe-zoom.png) !important;
  background-position:center center;
  background-repeat:no-repeat;
  position:absolute !important;
  color:#888;
  left:0;
  right:0;
  top:-120px;
  bottom:0;
  font-size:46px;
  background-color:rgba(0,0,0,0.3);
  opacity:0;
  -webkit-transition:all .1s ease-out;
  -moz-transition:all .1s ease-out;
  -ms-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all .1s ease-out;
}
a.vimeo:hover:after {opacity:1;}
article#grid-video div.title,article#grid-video .judul1,article#grid-video .text-p p {display:none;}
#wrap2 {padding-top:40px;}
#main {overflow:hidden;}
#layout {
  position:relative;
  z-index:2;
}
article#grid-archive,article#grid-gallery,article#grid-about,article#widget-comm {
  margin:0 auto !important;
  padding:10px 10px 100px 10px;
  width:1000px;
  overflow:hidden;
}
.bg-1-top {
  position:absolute;
  top:470px;
  left:0;
  right:0;
  z-index:1;
  height:27px;
  background-color:#7D921B;
  background-image:url(../image/police-line.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
}
.bg-2-left {
  position:absolute;
  top:0;
  left:8%;
  bottom:0;
  width:10px;
  height:470px;
  z-index:1;
  background-image:url(../image/line-top.png);
  background-position:top right;
  background-repeat:repeat-y;
}
.bg-2-right {
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  right:8%;
  width:10px;
  height:470px;
  background-image:url(../image/line-top.png);
  background-position:top right;
  background-repeat:repeat-y;
}
.gambar-p {
  position:relative;
  z-index:5;
  height:400px;
  overflow:hidden;
}
.gambar-p >.text-p {
  position:absolute;
  z-index:5;
  top:32px;
  left:420px;
  width:500px;
}
.gambar-p >.text-p >span.judul1 {
  position:relative;
  z-index:7;
  padding:6px 11px;
  font-size:28px;
  font-family:'Open Sans bold',arial narrow,arial,sans serif;
  font-weight:bold!Important;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:.9em;
  color:#eee;
}
.gambar-p >.text-p p {
  position:relative;
  z-index:7;
  padding:0;
  margin:0;
  font-size:10px;
  line-height:14px;
}
article#grid-submit-post-templates {
  padding-bottom:140px;
  color:#555;
  text-shadow:0 1px 1px #000;
}
article#grid-submit-post-templates h3 {
  line-height:1.5em;
  font-size:18px;
}
article#grid-submit-post-templates >.gambar-p .title {
  position:absolute;
  z-index:1;
  width:1000px;
  height:310px;
  margin:-30px 0 0 -400px;
  background-image:url(../image/submit.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
article#grid-submit-post-templates >.bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-submit.jpg);
  background-position:center top;
  height:470px;
  -webkit-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
}
.bg-1x88z2:before {
  content:'';
  background:transparent;
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,0.0) 0%,hsla(0,0%,0%,0.4) 100%) no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,0.0)),to(hsla(0,0%,0%,0.4)) );
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:2;
  height:470px;
}
.bg-1x88z3 {
  position:absolute;
  background-color:none;
  background-image:none;
  left:0;
  top:430px;
  right:0;
  height:40px;
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  z-index:4;
}
article#grid-submit-post-templates .grid-m1 {
  float:left;
  width:22px;
  height:1px;
}
article#grid-submit-post-templates .grid-c1 {
  float:left;
  width:705px;
}
ul.dot-icon {
  background:url(../image/line-big-row.png)no-repeat bottom center;
  padding-bottom:10px;
  margin-bottom:20px;
}
article#grid-submit-post-templates .grid-m2 {
  float:left;
  width:20px;
  height:1px;
}
article#grid-submit-post-templates .grid-c2 {
  float:left;
  width:198px;
  margin-right:3px;
  overflow:hidden;
  position:relative;
}
article#grid-submit-post-templates .grid-c2 p {
  padding-bottom:5px;
  line-height:18px;
  font-size:12px;
}
article#grid-submit-post-templates label,article#grid-submit-post-templates input,article#grid-submit-post-templates textarea {
  text-shadow:0 1px 1px #000;
  color:#444;
}
article#grid-submit-post-templates form {
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;
  float:left;
  margin:10px auto;
  background-color:rgba(15,15,15,.1);
  background-image:url(http://3.bp.blogspot.com/-b2Ik3ScjBJU/UZ036Z4myNI/AAAAAAAAFNc/N2gX3na45E8/s00-d/bg.jpg);
  background-repeat:repeat;
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  overflow-x:hidden;
  border-radius:6px;
  -webkit-border-radius:6px;
  padding:20px;
  border:1px solid #151515;
  -webkit-box-shadow:-3px 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:-3px 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:-3px 15px 12px rgba(0,0,0,.5),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-submit-post-templates input {
  width:100%;
  font-size:14px;
  color:#555;
  overflow-x:hidden;
  margin:4px 0 20px;
  text-transform:uppercase;
  padding:8px;
}
article#grid-submit-post-templates input,textarea.ss-q-long {
  background-color:rgba(3,3,3,.5);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:4px;
  -webkit-border-radius:4px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -webkit-transition:background .3s linear;
  -moz-transition:background .3s linear;
  -ms-transition:background .3s linear;
  -o-transition:background .3s linear;
  transition:background .3s linear;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
}
article#grid-submit-post-templates textarea.ss-q-long {
  width:646px;
  max-width:646px;
  min-height:250px;
  display:block;
  margin:0;
  padding:10px;
  float:left;
  font-size:14px;
  color:#555;
  overflow-x:hidden;
  font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  font-weight:normal !important;
  font-style:normal !important;
  font-size:1em !important;
}
article#grid-submit-post-templates input:hover {background:rgba(000,0,0,.3);}
article#grid-submit-post-templates .griz-x-23 {
  font:normal 16px Raleway,arial,sans serif;
  color:#333;
  float:left;
  width:43%;
  display:inline;
  margin:0 20px;
}
article#grid-submit-post-templates .griz-x-24 {
  float:left;
  width:100%;
  position:relative;
  display:inline;
  margin:0 20px;
}
article#grid-submit-post-templates input.submit {
  width:auto!Important;
  text-transform:uppercase;
  position:relative;
  float:left !important;
  background-color:rgba(210,210,210,0.04);
  border:1px solid #111;
  color:#444;
  float:left;
  font:bold 12px/10px Open Sans bold,arial,sans-serif;
  margin:20px 20px;
  padding:10px 25px;
  position:relative;
  text-decoration:none;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-shadow:0 1px 1px hsla(0,0%,0%,.4),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 1px 1px hsla(0,0%,0%,.4),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 1px 1px hsla(0,0%,0%,.4),inset 0 1px 0 hsla(0,0%,100%,.2);
}
article#grid-submit-post-templates input.submit:active {
  background-color:rgba(50,50,50,0.20);
  color:#999;
  line-height:32px;
  -webkit-box-shadow:0 1px 0 hsla(0,0%,100%,.1),inset 0 1px 4px hsla(0,0%,0%,.8);
  -moz-box-shadow:0 1px 0 hsla(0,0%,100%,.1),inset 0 1px 4px hsla(0,0%,0%,.8);
  box-shadow:0 1px 0 hsla(0,0%,100%,.1),inset 0 1px 4px hsla(0,0%,0%,.8);
}
article#grid-submit-post-templates .gambar {padding:20px 0;}
article#grid-submit-post-templates div.title,article#grid-submit-post-templates .judul1,article#grid-submit-post-templates .text-p p {display:none;}
article#grid-submit-post-templates img.img-36 {
  position:absolute;
  bottom:20px;
  right:30px;
}
article#widget-comm {min-height:1000px;}
article#widget-comm .gambar-p .title {
  background-image:url(../image/disqus-widget.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#widget-comm >.bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/disqus-widget-pattern.jpg);
  height:470px;
  -webkit-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
}
article#widget-comm .recent-comment li.dsq-widget-item,article#widget-comm .top-comment li.dsq-widget-item {
  width:48%;
  margin:0 10px 10px 0!Important;
  overflow:hidden;
  position:relative;
  background-color:#1a1a1a;
  background-image:-webkit-linear-gradient(top,#1a1a1a,#161616);
  background-image:-moz-linear-gradient(top,#1a1a1a,#161616);
  background-image:-ms-linear-gradient(top,#1a1a1a,#161616);
  background-image:-o-linear-gradient(top,#1a1a1a,#161616);
  background-image:linear-gradient(top,#1a1a1a,#161616);
  border-top:1px solid #333;
  -webkit-box-shadow:0 2px 2px #090909;
  -moz-box-shadow:0 2px 2px #090909;
  box-shadow:0 2px 2px #090909,0px 1px 0 0 #222;
  float:left!Important;
  clear:none!Important;
  display:inline!Important;
}
article#widget-comm .recent-comment li.dsq-widget-item img,article#widget-comm .top-comment li.dsq-widget-item img {
  display:block!Important;
  clear:both !important;
  position:relative;
  float:left;
  z-index:1;
  padding:10px;
  width:80px;
  height:80px;
  background-color:rgba(40,40,40,.6);
  margin:0 10px 0 0!Important;
  box-shadow:0 0 10px rgba(30,30,30,30.5) inset,0 1px 2px #000,0 0 1px #9f9f9f;
  -webkit-box-shadow:0 0 10px rgba(30,30,30,30.5) inset,0 2px 4px #000,0 0 1px #9f9f9f;
  -moz-box-shadow:0 0 10px rgba(30,30,30,30.5) inset,0 1px 2px #000,0 0 1px #9f9f9f;
}
article#widget-comm .recent-comment li.dsq-widget-item img,article#widget-comm .top-comment li.dsq-widget-item img,article#widget-comm .recent-comment a.dsq-widget-user,article#widget-comm .top-comment li.dsq-widget-item {
  background-color:#252525!Important;
  background-image:-webkit-linear-gradient(top,#202020,#161616) !important;
  background-image:-moz-linear-gradient(top,#202020,#161616) !important;
  background-image:-ms-linear-gradient(top,#202020,#161616) !important;
  background-image:-o-linear-gradient(top,#202020,#161616) !important;
  background-image:linear-gradient(top,#202020,#161616) !important;
}
article#widget-comm .recent-comment a.dsq-widget-user {
  font-family:"Open Sans";
  padding:4px 0 0 100px!Important;
  color:#888 !important;
  display:block;
  text-transform:uppercase;
  font-size:88%;
  border-bottom:1px solid #090909;
  box-shadow:0 0 1px #555,0px 1px 0 0 #222;
  -moz-box-shadow:0 0 1px #555,0px 1px 0 0 #222;
  -webkit-box-shadow:0 0 1px #555,0px 1px 0 0 #222;
}
article#widget-comm .recent-comment p.dsq-widget-meta {
  position:absolute;
  bottom:4px;
  left:-5px;
  width:100%;
  right:0;
  padding:5px 0 5px 112px!Important;
}
article#widget-comm .recent-comment p.dsq-widget-meta a {
  color:#555;
  border:1px solid #090909;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#252525),color-stop(1,#212121));
  background:-moz-linear-gradient(top,#252525 5%,#212121 100%);
  background:-webkit-linear-gradient(top,#252525 5%,#212121 100%);
  background:-o-linear-gradient(top,#252525 5%,#212121 100%);
  background:-ms-linear-gradient(top,#252525 5%,#212121 100%);
  background:linear-gradient(to bottom,#252525 5%,#212121 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525',endColorstr='#212121',GradientType=0);
  background-color:#252525;
  -webkit-box-shadow:0 0 0 1px #2d2d2d,inset 0 1px 0 0 #969696;
  -moz-box-shadow:0 0 0 1px #2d2d2d,inset 0 1px 0 0 #969696;
  box-shadow:0 0 0 1px #2d2d2d,inset 0 1px 0 0 #353535;
  font-size:90%;
  padding:2px 20px;
  border-radius:3px !important;
}
article#widget-comm .recent-comment p.dsq-widget-meta a:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#212121),color-stop(1,#252525));
  background:-moz-linear-gradient(top,#212121 5%,#252525 100%);
  background:-webkit-linear-gradient(top,#212121 5%,#252525 100%);
  background:-o-linear-gradient(top,#212121 5%,#252525 100%);
  background:-ms-linear-gradient(top,#212121 5%,#252525 100%);
  background:linear-gradient(to bottom,#212121 5%,#252525 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121',endColorstr='#252525',GradientType=0);
  background-color:#212121;
  color:#999;
}
article#widget-comm .recent-comment .dsq-widget-comment {
  color:#353535;
  padding:0 20px 0 0;
  overflow:hidden;
  font-family:courier,"courier new",monospace;
  font-size:90%;
  font-style:italic;
}
article#widget-comm .recent-comment .dsq-widget-comment a {
  color:#353535;
  border-bottom:1px dotted #222;
}
article#widget-comm .top-comment li.dsq-widget-item {
  width:17.9%!Important;
  height:45px;
  border-right:4px solid #ff7300;
  border-left:1px solid #111;
}
article#widget-comm .top-comment li.dsq-widget-item img {padding:4px!Important;}
article#widget-comm .recent-comment li.dsq-widget-item {border-right:4px solid #8ca41c;}
article#widget-comm .top-comment a.dsq-widget-user {
  position:absolute;
  display:none;
  line-height:1.2em;
  overflow:hidden !important;
  width:85%;
  font-size:70%;
  left:5px;
  top:5px;
  padding:0;
  color:#ddd;
  background:#444;
}
article#widget-comm .top-comment li.dsq-widget-item img {
  width:35px;
  height:35px;
}
article#widget-comm .top-comment p.dsq-widget-meta {
  padding:10px 0 0 0!Important;
  color:#454545;
  text-shadow:0 1px 1px #111;
}
article#widget-comm .top-comment p.dsq-widget-meta:hover {color:#999;}
.dsq-widget-clout {display:none;}
footer.footerwrap {margin:100px 0 0 0;}
article#widget-comm div.title,article#widget-comm .judul1,article#widget-comm .text-p p {display:none;}
article#widget-blog-roll .gambar-p .title {
  background-image:url(../image/link-list.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#widget-blog-roll >.bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/pattern-widget-link-list.jpg);
  height:470px;
  -webkit-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
}
.blog-lst {
  width:31.2%;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  position:relative;
  float:left!Important;
  display:inline-block;
  background-color:#1a1a1a;
  background-image:-webkit-linear-gradient(top,#1a1a1a,#161616);
  background-image:-moz-linear-gradient(top,#1a1a1a,#161616);
  background-image:-ms-linear-gradient(top,#1a1a1a,#161616);
  background-image:-o-linear-gradient(top,#1a1a1a,#161616);
  background-image:linear-gradient(top,#1a1a1a,#161616);
  border-top:1px solid #454545;
  -webkit-box-shadow:0 2px 2px #090909;
  -moz-box-shadow:0 2px 2px #090909;
  box-shadow:0 2px 2px #090909;
  height:175px;
  margin:0 20px 20px 0;
  overflow:hidden;
}
.blog-lst .post-titlex {
  color:#555;
  border-bottom:1px solid #000;
  background-color:#333333;
  background-image:-webkit-linear-gradient(top,#353535,#333333);
  background-image:-moz-linear-gradient(top,#353535,#333333);
  background-image:-ms-linear-gradient(top,#353535,#333333);
  background-image:-o-linear-gradient(top,#353535,#333333);
  background-image:linear-gradient(top,#353535,#333333);
  -webkit-box-shadow:0 0 0 1px #2d2d2d;
  -moz-box-shadow:0 0 0 1px #2d2d2d;
  box-shadow:0 0 0 1px #2d2d2d;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:100%;
  overflow:hidden;
  padding:8px 10px 8px 10px;
}
.blog-lst .post-titlex img,.blog-lst .post-titlex a {float:left;}
.blog-lst .post-titlex a {
  margin:-4px 0 0 10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:90%;
  overflow:hidden;
}
.blog-lst .post-content {padding:10px 10px;}
.blog-lst .post-content img {
  float:left;
  margin:0 10px 100px 0;
  padding:1px;
  background-color:#000;
  border:1px solid #252525;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.blog-lst .title-post a {
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:70%;
  overflow:hidden;
  padding:0 0 4px 0;
  margin:0 0 3px 0;
  background:url(../image/line-border.png)no-repeat bottom right;
}
.blog-lst p.post-snippet {
  text-overflow:ellipsis;
  width:70%;
  font-size:10px;
  height:37px;
  overflow:hidden;
}
.blog-lst .post-time {
  position:absolute;
  bottom:20px;
  right:20px;
  width:100%:;
}
.blog-lst .post-time a {
  width:70px;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  color:#434d12;
  background:#abbf4c;
  background:url();
  background:-moz-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#abbf4c),color-stop(100%,#7c8c32));
  background:-webkit-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-o-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-ms-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:linear-gradient(to bottom,#abbf4c 0%,#7c8c32 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#abbf4c',endColorstr='#7c8c32',GradientType=0 );
  padding:2px 16px;
  font-size:10px;
}
.blog-lst .post-time a:hover {
  color:#6d7ca0;
  text-shadow:0 1px 0 #353535;
  background:#606c88;
  background:url();
  background:-moz-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#606c88),color-stop(100%,#3f4c6b));
  background:-webkit-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-o-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-ms-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:linear-gradient(to bottom,#606c88 0%,#3f4c6b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88',endColorstr='#3f4c6b',GradientType=0 );
}
.post-titlex img {
  width:16px;
  height:16px;
}
.private {Line-height:25px;}
.tooltips {
  Position:absolute;
  overflow:hidden;
  margin:-232px 0 0 176px;
  z-index:999;
  width:340px;
  height:320px;
  font:bold 12px/16px arial,Sans serif;
  text-shadow:0 1px 0 #999990;
  text-align:center;
  color:#111;
  background-image:url(../image/alert-list.png);
  background-repeat:no-repeat;
  background-position:top center;
}
.tooltips span {
  position:absolute;
  top:44px;
  left:140px;
  width:170px;
}
#wrap2 {padding-top:40px;}
#main {overflow:hidden;}
#layout {
  position:relative;
  z-index:2;
}
article#grid-archive,article#grid-gallery,article#grid-about,article#widget-comm {
  margin:0 auto !important;
  padding:10px 10px 100px 10px;
  width:1000px;
  overflow:hidden;
}
.bg-1-top {
  position:absolute;
  top:470px;
  left:0;
  right:0;
  z-index:1;
  height:27px;
  background-color:#7D921B;
  background-image:url(../image/police-line.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
}
.bg-2-left {
  position:absolute;
  top:0;
  left:8%;
  bottom:0;
  width:10px;
  height:470px;
  z-index:1;
  background-image:url(../image/line-top.png);
  background-position:top right;
  background-repeat:repeat-y;
}
.bg-2-right {
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  right:8%;
  width:10px;
  height:470px;
  background-image:url(../image/line-top.png);
  background-position:top right;
  background-repeat:repeat-y;
}
.gambar-p {
  position:relative;
  z-index:5;
  height:400px;
  overflow:hidden;
}
.gambar-p >.text-p {
  position:absolute;
  z-index:5;
  top:32px;
  left:420px;
  width:500px;
}
.gambar-p >.text-p >span.judul1 {
  position:relative;
  z-index:7;
  padding:6px 11px;
  font-size:28px;
  font-family:"DIN-UK",arial narrow,arial,sans serif;
  font-weight:bold!Important;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:.9em;
  color:#eee;
}
.gambar-p >.text-p p {
  position:relative;
  z-index:7;
  padding:0;
  margin:0;
  font-size:10px;
  line-height:14px;
}